<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>example.html</title>

		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="this is my page">
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">

		<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/lhgdialog.min.js"></script>
		<script type="text/javascript">
			function AA(){
				alert("AA");
			}
			$(function(){
				
    			$('#btn1').dialog({ id:'test1', html:'<h3>我是jQuery方式调用的窗口</h3>' });
    			
    			$('#btn2').dialog({ id:'test14', cover:true, html:'我不能对页面进行操作了', lockScroll:true });
    			
    			$('#btn3').dialog({ id:'test37', cancelBtnTxt:'确定', onCancel:function(){alert('我成了确定按钮了');}, html:'我改变了取消按钮' });
    			
    			$('#btn4').dialog({ id:'test38', autoPos:{left:'center',top:'center'}, html:'我的位置随着浏览器的大小的改变而改变' });
    			
    			$('#btn5').dialog({ id:'test34', cover:true, bgcolor:'#000', opacity:0.2, html:'遮罩层的颜色被我设成黑的了' });
    			
    			$('#btn6').dialog({ id:'test28', cancelBtnTxt:'确定', maxBtn:false, title:'不显示最大化按钮', html:'我不显示最大化的按钮了' });
    			
    			$('#btn7').dialog({ id:'test4', width:300, height:200, html:'窗口的大小改为300X200' });
    			
    			$('#btn8').dialog({loadingText:'我是窗口加载时的提示文本，哈哈...', html:'' });
    			
    			
			});
			
			function showDialog(){
				var confirmDialog = new $.dialog({id:'test1',  width:300,height:150, html:'<br><p align=\"center\"><img src="info.gif">必须大于0!</p>'});
				confirmDialog.ShowDialog(); 
			}
			
			function test(){
				var obj = new Array();
				obj[0] = "nihao";
				obj[1] = $("#txt").val();
				var dl = new $.dialog({ id:'test25',cover:true, page:'content.html'}); 
				dl.setArgs(obj);
				dl.ShowDialog();   
			}
			
			
			
		</script>
	</head>

	<body>
		<input type="text" size="10" id="txt"/>
		<select id="sel">
			<option>
				option1
			</option>
			<option>
				option2
			</option>
		</select>
		<input type="button" value="btn1" id="btn1"/ >
		<input type="button" value="btn2" id="btn2"/ >
		<input type="button" value="btn3" id="btn3"/ >
		<input type="button" value="btn4" id="btn4"/ >
		<input type="button" value="btn5" id="btn5"/ >
		<input type="button" value="btn6" id="btn6"/ >
		<input type="button" value="btn7" id="btn7"/ >
		<input type="button" value="btn8" id="btn8"/ >
		<input type="button" value="btn9" id="btn9" onclick="test()"/ >
		<input type="button" value="btn10" id="btn10" onclick="showDialog()"/ >

	</body>
</html>
